<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>首页</title>
		<link href="layui/css/layui.css" rel="stylesheet">
		<link href="layui/css/common.css" rel="stylesheet" />
	</head>
	<body>
		<header class="yz-header">
			<div class="yz-contain yz-header-between">
				<div class="yz-header-logo">
					<img src="static/common/logo.png" />
					<img src="static/common/燕赵驿行智慧云平台.png" />
				</div>
				<div class="yz-header-nav">
					<div class="yz-nav-item">
						<div class="yz-header-server">
							<img src="static/common/山海关服务区.png" />
						</div>
					</div>
					<div class="yz-nav-item">
						<a href="index.html">
							<img src="static/common/房子.png" />
						</a>
					</div>
					<div class="yz-nav-item">
						<img src="static/common/更多.png" id="slideRight" />
					</div>
					<div class="yz-nav-item">
						<img src="static/common/放大.png" id="fullscreen-button" />
					</div>
					<div class="yz-nav-item">
						<img src="static/common/设置.png" id="openHide"/>
						<div class="yz-downa layui-hide">
							<div class="yz-downa-content">
								这里写html内容
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>
		<div class="yz-contain">
			<div class="layui-bg-gray" style="padding: 10px;">
				<div class="layui-row layui-col-space10">
					<!-- 第一行 -->
					<!-- 天气预报 没有接口先写静态-->
					<div class="layui-col-xs2-4 row1">
						<div class="layui-card">
							<div class="yz-main-weather">
								<div class="yz-main-weather-left">
									<div class="avatar">
										<img src="static/main/头像.png" />
									</div>
									<div class="nickname">
										张小三
									</div>
								</div>
								<div class="yz-main-weather-info">
									<div class="weather-info">
										<div class="weather-item"><img src="static/main/sun.png" class="sun" /></div>
										<div class="weather-item">
											<p>9°C</p>
											<p>东南风</p>
											<p>
											<div class="mark">32 优</div>
											</p>
										</div>
										<div class="weather-item">
											<p>4/17°C</p>
											<p>3-4级风</p>
											<p>周五</p>
										</div>
									</div>
									<div class="weather-info-date">2024-08-03</div>
									<div class="weather-info-time">13:21:12</div>
								</div>
							</div>
						</div>
					</div>
					<!--  -->
					<div class="layui-col-xs2-4 row1">
						<div class="layui-card">
							<div class="layui-card-body">
								<div class="sale_last">上日 857</div>
								<div class="sale_today">193821.21</div>
								<div class="sale_unit">总销售（万元）</div>
							</div>
						</div>
					</div>

					<div class="layui-col-xs2-4 row1">
						<div class="layui-card">
							<div class="yz-process-box-main">
								<div class="yz-process-box-item">
									<div class="process-item-icon">
										<img src="static/main/oil.png" />
									</div>
									<div class="process-item-text">
										<div class="process-item-text-num">182645</div>
										<div class="process-item-text-word">油站销售</div>
									</div>
									<div class="process-item-chart">
										<div class="process">
											<div class="process_parent">
												<div class="process_cur" style="width:75%;"></div>
												<div class="process-tip">12%</div>
											</div>
										</div>
										<div class="process-column">
											<div class="process-column-word">上日销售</div>
											<div class="process-column-num">124231</div>
										</div>
									</div>
								</div>

								<div class="yz-process-box-item">
									<div class="process-item-icon">
										<img src="static/main/加汽销售.png" />
									</div>
									<div class="process-item-text">
										<div class="process-item-text-num">182645</div>
										<div class="process-item-text-word">加汽销售</div>
									</div>
									<div class="process-item-chart">
										<div class="process">
											<div class="process_parent">
												<div class="process_cur" style="width:75%;"></div>
												<div class="process-tip">12%</div>
											</div>
										</div>
										<div class="process-column">
											<div class="process-column-word">上日销售</div>
											<div class="process-column-num">124231</div>
										</div>
									</div>
								</div>

							</div>
						</div>
					</div>

					<div class="layui-col-xs2-4 row1">
						<div class="layui-card">
							<div class="yz-process-box-main">
								<div class="yz-process-box-item">
									<div class="process-item-icon">
										<img src="static/main/充电销售.png" />
									</div>
									<div class="process-item-text">
										<div class="process-item-text-num">182645</div>
										<div class="process-item-text-word">充电销售</div>
									</div>
									<div class="process-item-chart">
										<div class="process">
											<div class="process_parent">
												<div class="process_cur" style="width:75%;"></div>
												<div class="process-tip">12%</div>
											</div>
										</div>
										<div class="process-column">
											<div class="process-column-word">上日销售</div>
											<div class="process-column-num">124231</div>
										</div>
									</div>
								</div>
							
								<div class="yz-process-box-item">
									<div class="process-item-icon">
										<img src="static/main/超市销售.png" />
									</div>
									<div class="process-item-text">
										<div class="process-item-text-num">182645</div>
										<div class="process-item-text-word">超市销售</div>
									</div>
									<div class="process-item-chart">
										<div class="process">
											<div class="process_parent">
												<div class="process_cur" style="width:75%;"></div>
												<div class="process-tip">12%</div>
											</div>
										</div>
										<div class="process-column">
											<div class="process-column-word">上日销售</div>
											<div class="process-column-num">124231</div>
										</div>
									</div>
								</div>
							
							</div>
						</div>
					</div>

					<div class="layui-col-xs2-4 row1">
						<div class="layui-card">
							<div class="yz-process-box-main">
								<div class="yz-process-box-item">
									<div class="process-item-icon">
										<img src="static/main/餐厅销售.png" />
									</div>
									<div class="process-item-text">
										<div class="process-item-text-num">182645</div>
										<div class="process-item-text-word">餐厅销售</div>
									</div>
									<div class="process-item-chart">
										<div class="process">
											<div class="process_parent">
												<div class="process_cur" style="width:75%;"></div>
												<div class="process-tip">12%</div>
											</div>
										</div>
										<div class="process-column">
											<div class="process-column-word">上日销售</div>
											<div class="process-column-num">124231</div>
										</div>
									</div>
								</div>
							
								<div class="yz-process-box-item">
									<div class="process-item-icon">
										<img src="static/main/客房销售.png" />
									</div>
									<div class="process-item-text">
										<div class="process-item-text-num">182645</div>
										<div class="process-item-text-word">客房销售</div>
									</div>
									<div class="process-item-chart">
										<div class="process">
											<div class="process_parent">
												<div class="process_cur" style="width:75%;"></div>
												<div class="process-tip">12%</div>
											</div>
										</div>
										<div class="process-column">
											<div class="process-column-word">上日销售</div>
											<div class="process-column-num">124231</div>
										</div>
									</div>
								</div>
							
							</div>
						</div>
					</div>

					<!-- 第二行 -->
					<div class="layui-col-xs4 row2">
						<div class="layui-card">
							<div class="yz-common-title">
								<div class="yz-common-title-content">
									<img src="static/common/title1.png" />
									<span>系统登录</span>
								</div>
								<div class="yz-common-title-more" id="sysLoginLayer">
									<img src="static/common/title_more.png" />
								</div>
							</div>
							<div class="yz-common-menu-list">
								<div class="yz-common-menu-item">
									<div class="yz-common-menu-img">
										<img src="static/main/li.png" />
									</div>
									<div class="yz-common-menu-word">
										<text>合同</text>
									</div>
								</div>
								
								<div class="yz-common-menu-item">
									<div class="yz-common-menu-img">
										<img src="static/main/li.png" />
									</div>
									<div class="yz-common-menu-word">
										<text>人事系统</text>
									</div>
								</div>
								
								<div class="yz-common-menu-item">
									<div class="yz-common-menu-img">
										<img src="static/main/li.png" />
									</div>
									<div class="yz-common-menu-word">
										<text>招投标</text>
									</div>
								</div>
								
								<div class="yz-common-menu-item">
									<div class="yz-common-menu-img">
										<img src="static/main/li.png" />
									</div>
									<div class="yz-common-menu-word">
										<text>固定资产</text>
									</div>
								</div>
								
								<div class="yz-common-menu-item">
									<div class="yz-common-menu-img">
										<img src="static/main/li.png" />
									</div>
									<div class="yz-common-menu-word">
										<text>固定资产</text>
									</div>
								</div>
								
								<div class="yz-common-menu-item">
									<div class="yz-common-menu-img">
										<img src="static/main/li.png" />
									</div>
									<div class="yz-common-menu-word">
										<text>合同</text>
									</div>
								</div>
								
								<div class="yz-common-menu-item">
									<div class="yz-common-menu-img">
										<img src="static/main/li.png" />
									</div>
									<div class="yz-common-menu-word">
										<text>人事系统</text>
									</div>
								</div>
								
								<div class="yz-common-menu-item">
									<div class="yz-common-menu-img">
										<img src="static/main/li.png" />
									</div>
									<div class="yz-common-menu-word">
										<text>招投标</text>
									</div>
								</div>
								
								<div class="yz-common-menu-item">
									<div class="yz-common-menu-img">
										<img src="static/main/li.png" />
									</div>
									<div class="yz-common-menu-word">
										<text>固定资产</text>
									</div>
								</div>
								
								<div class="yz-common-menu-item">
									<div class="yz-common-menu-img">
										<img src="static/main/li.png" />
									</div>
									<div class="yz-common-menu-word">
										<text>固定资产</text>
									</div>
								</div>
								
							</div>
						</div>
					</div>

					<div class="layui-col-xs4 row2">
						<div class="layui-card">
							<div class="yz-common-menu2-list">
								<div class="layui-row layui-col-space15">
									<div class="layui-col-xs6">
										<div class="yz-common-menu2-item-bg">
											<div class="yz-common-menu2-item-big">11650</div>
											<div class="yz-common-menu2-item-small">车流（万次）</div>
										</div>
									</div>
									<div class="layui-col-xs6">
										<div class="yz-common-menu2-item-bg">
											<div class="yz-common-menu2-item-big">11650</div>
											<div class="yz-common-menu2-item-small">客流（万次）</div>
										</div>
									</div>
									<div class="layui-col-xs6">
										<div class="yz-common-menu2-item-bg">
											<div class="yz-common-menu2-item-big">15</div>
											<div class="yz-common-menu2-item-small">入区率</div>
										</div>
									</div>
									<div class="layui-col-xs6">
										<div class="yz-common-menu2-item-bg">
											<div class="yz-common-menu2-item-big">7 : 3</div>
											<div class="yz-common-menu2-item-small">客货比</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="layui-col-xs4 row2">
						<div class="layui-card">
							<div class="yz-common-title">
								<div class="yz-common-title-content">
									<img src="static/common/title1.png" />
									<span>服务质量跟踪</span>
								</div>
								<div class="yz-common-title-more">
									<img src="static/common/title_more.png" />
								</div>
							</div>
							<div class="echart_content">
								<div class="layui-col-xs6">
									<div id="fwzlgz1" style="width:220px;height: 150px;padding-top: 18px;"></div>
									<div class="yz-cloumn">
										<div class="yz-cloumn-6">
											<div class="flex_bwt">
												<div class="icon" style="background: #95CA45;"></div>
												<div>合格</div>
											</div>
											<div class="flex_bwt_num">
												24
											</div>
										</div>
										<div class="yz-cloumn-6">
											<div class="flex_bwt">
												<div class="icon" style="background: #0091FF;"></div>
												<div>不合格</div>
											</div>
											<div class="flex_bwt_num">
												24
											</div>
										</div>
										<div class="yz-cloumn-6">
											<div class="flex_bwt">
												<div class="icon" style="background: #44D7B6;"></div>
												<div>未完成</div>
											</div>
											<div class="flex_bwt_num">
												24
											</div>
										</div>
									</div>
								</div>
								<div class="layui-col-xs6">
									<div id="fwzlgz2" style="width:220px;height: 150px;padding-top: 18px;"></div>
									<div class="yz-cloumn">
										<div class="yz-cloumn-6">
											<div class="flex_bwt">
												<div class="icon" style="background: #34BAC6;">
													<div style="width: 55%;background: #FB4D8F;height: 10px;"></div>
												</div>
												<div>不合格</div>
											</div>
											<div class="flex_bwt_num">
												24
											</div>
										</div>
										<div class="yz-cloumn-6">
											<div class="flex_bwt">
												<div class="icon" style="background: #FB4D8F"></div>
												<div>未整改</div>
											</div>
											<div class="flex_bwt_num">
												24
											</div>
										</div>
										<div class="yz-cloumn-6">
											<div class="flex_bwt">
												<div class="icon" style="background: #34BAC6;"></div>
												<div>已整改</div>
											</div>
											<div class="flex_bwt_num">
												24
											</div>
										</div>
									</div>
								</div>
							</div>
							
						</div>
					</div>

					<!-- 第三行 -->
					<div class="layui-col-xs4 row3">
						<div class="layui-card">
							<div class="layui-card">
								<div class="yz-common-title">
									<div class="yz-common-title-content">
										<img src="static/common/title1.png" />
										<span>商铺排行</span>
									</div>
									<div class="yz-common-title-more">
										<img src="static/common/title_more.png" />
									</div>
								</div>
								<div class="yz-common-content">
									<div class="yz-common-bar-item">
										<div class="yz-common-bar-icon">
											<div class="num">1</div>
										</div>
										<div class="yz-common-bar-progress">
											<div class="yz-common-bar-progress-word">
												<div>自助餐餐厅</div>
												<div>213.1万元</div>
											</div>
											<div class="yz-common-bar-progress-line">
												<div style="width: 70%" class="process"></div>
												<div class="yz-common-bar-progress-line-tip">12%</div>
											</div>
										</div>
									</div>
									<div class="yz-common-bar-item">
										<div class="yz-common-bar-icon"><div class="num">2</div></div>
										<div class="yz-common-bar-progress">
											<div class="yz-common-bar-progress-word">
												<div>自助餐餐厅</div>
												<div>213.1万元</div>
											</div>
											<div class="yz-common-bar-progress-line">
												<div style="width:80%" class="process"></div>
												<div class="yz-common-bar-progress-line-tip">12%</div>
											</div>
										</div>
									</div>
									<div class="yz-common-bar-item">
										<div class="yz-common-bar-icon"><div class="num">3</div></div>
										<div class="yz-common-bar-progress">
											<div class="yz-common-bar-progress-word">
												<div>自助餐餐厅</div>
												<div>213.1万元</div>
											</div>
											<div class="yz-common-bar-progress-line">
												<div style="width:60%" class="process"></div>
												<div class="yz-common-bar-progress-line-tip">12%</div>
											</div>
										</div>
									</div>
									<div class="yz-common-bar-item">
										<div class="yz-common-bar-icon"><div class="num">4</div></div>
										<div class="yz-common-bar-progress">
											<div class="yz-common-bar-progress-word">
												<div>自助餐餐厅</div>
												<div>213.1万元</div>
											</div>
											<div class="yz-common-bar-progress-line">
												<div style="width:60%" class="process"></div>
												<div class="yz-common-bar-progress-line-tip">12%</div>
											</div>
										</div>
									</div>
									<div class="yz-common-bar-item">
										<div class="yz-common-bar-icon"><div class="num">5</div></div>
										<div class="yz-common-bar-progress">
											<div class="yz-common-bar-progress-word">
												<div>自助餐餐厅</div>
												<div>213.1万元</div>
											</div>
											<div class="yz-common-bar-progress-line">
												<div style="width:60%" class="process"></div>
												<div class="yz-common-bar-progress-line-tip">12%</div>
												
											</div>
										</div>
									</div>
									<div class="yz-common-bar-item">
										<div class="yz-common-bar-icon"><div class="num">6</div></div>
										<div class="yz-common-bar-progress">
											<div class="yz-common-bar-progress-word">
												<div>自助餐餐厅</div>
												<div>213.1万元</div>
											</div>
											<div class="yz-common-bar-progress-line">
												<div style="width:80%" class="process"></div>
												<div class="yz-common-bar-progress-line-tip">12%</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

<div class="layui-col-xs4 row3">
						<div class="layui-card">
							<div class="yz-common-title">
								<div class="yz-common-title-content">
									<img src="static/common/title1.png" />
									<span class="t">统一待办 <span class="layui-badge layui-bg-green">3</span><i>|</i></span>
									<span class="t">消息提醒 <span class="layui-badge layui-bg-green">3</span><i>|</i></span>
									<span class="t cur">通知公告 <span class="layui-badge layui-bg-green">3</span></span>
								</div>
								<div class="yz-common-title-more">
									<img src="static/common/title_more.png" />
								</div>
							</div>
							
							<div class="news-list yz-row1" style="display: none;">
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">调整2019年1-7月自营油调整2019年1-7月自营调整2019年1-7月自营调整2019年1-7月自营油</div>
										</div>
										<div class="news-list-header-date">变更审核</div>
									</div>
									<div class="news-list-header-department">2024-08-08 08:02:21</div>
								</div>
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">调整2019年1-7月自营油调整2019年1-7月自营调整2019年1-7月自营调整2019年1-7月自营油</div>
										</div>
										<div class="news-list-header-date">变更审核</div>
									</div>
									<div class="news-list-header-department">2024-08-08 08:02:21</div>
								</div>
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">调整2019年1-7月自营油调整2019年1-7月自营调整2019年1-7月自营调整2019年1-7月自营油</div>
										</div>
										<div class="news-list-header-date">变更审核</div>
									</div>
									<div class="news-list-header-department">2024-08-08 08:02:21</div>
								</div>
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">调整2019年1-7月自营油调整2019年1-7月自营调整2019年1-7月自营调整2019年1-7月自营油</div>
										</div>
										<div class="news-list-header-date">变更审核</div>
									</div>
									<div class="news-list-header-department">2024-08-08 08:02:21</div>
								</div>
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">调整2019年1-7月自营油调整2019年1-7月自营调整2019年1-7月自营调整2019年1-7月自营油</div>
										</div>
										<div class="news-list-header-date">变更审核</div>
									</div>
									<div class="news-list-header-department">2024-08-08 08:02:21</div>
								</div>
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">调整2019年1-7月自营油调整2019年1-7月自营调整2019年1-7月自营调整2019年1-7月自营油</div>
										</div>
										<div class="news-list-header-date">变更审核</div>
									</div>
									<div class="news-list-header-department">2024-08-08 08:02:21</div>
								</div>
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">调整2019年1-7月自营油调整2019年1-7月自营调整2019年1-7月自营调整2019年1-7月自营油</div>
										</div>
										<div class="news-list-header-date">变更审核</div>
									</div>
									<div class="news-list-header-department">2024-08-08 08:02:21</div>
								</div>
								
								
							</div>
						
							<div class="news-list yz-row2" style="display: none;">
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">【合同到期提醒】</div>
										</div>
										<div class="news-list-header-date">2024-08-03</div>
									</div>
									<div class="news-list-content-info">
										我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
									</div>
									<span class="news-list-content-info-more">【详情】</span>
								</div>
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">【合同到期提醒】</div>
										</div>
										<div class="news-list-header-date">2024-08-03</div>
									</div>
									<div class="news-list-content-info">
										我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
									</div>
									<span class="news-list-content-info-more">【详情】</span>
								</div>
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">【合同到期提醒】</div>
										</div>
										<div class="news-list-header-date">2024-08-03</div>
									</div>
									<div class="news-list-content-info">
										我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
									</div>
									<span class="news-list-content-info-more">【详情】</span>
								</div>
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">【合同到期提醒】</div>
										</div>
										<div class="news-list-header-date">2024-08-03</div>
									</div>
									<div class="news-list-content-info">
										我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
									</div>
									<span class="news-list-content-info-more">【详情】</span>
								</div>
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">【合同到期提醒】</div>
										</div>
										<div class="news-list-header-date">2024-08-03</div>
									</div>
									<div class="news-list-content-info">
										我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
									</div>
									<span class="news-list-content-info-more">【详情】</span>
								</div>
								
								
							</div>
												
							<div class="news-list" style="display: block;">
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">调整2019年1-7月自营油调整2019年1-7月自营调整2019年1-7月自营调整2019年1-7月自营油</div>
										</div>
										<div class="news-list-header-date">2024-08-03</div>
									</div>
									<div class="news-list-header-department">部门办理</div>
									<div class="news-list-content-info">
										我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
										<span>【详情】</span>
									</div>
								</div>
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">调整2019年1-7月自营油调整2019年1-7月自营调整2019年1-7月自营调整2019年1-7月自营油</div>
										</div>
										<div class="news-list-header-date">2024-08-03</div>
									</div>
									<div class="news-list-header-department">部门办理</div>
									<div class="news-list-content-info">
										我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
										<span>【详情】</span>
									</div>
								</div>
								
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">调整2019年1-7月自营油调整2019年1-7月自营调整2019年1-7月自营调整2019年1-7月自营油</div>
										</div>
										<div class="news-list-header-date">2024-08-03</div>
									</div>
									<div class="news-list-header-department">部门办理</div>
									<div class="news-list-content-info">
										我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
										<span>【详情】</span>
									</div>
								</div>
								
								<div class="news-list-item">
									<div class="news-list-header">
										<div class="news-list-header-info">
											<div class="new-list-icon"></div>
											<div class="new-list-title">调整2019年1-7月自营油调整2019年1-7月自营调整2019年1-7月自营调整2019年1-7月自营油</div>
										</div>
										<div class="news-list-header-date">2024-08-03</div>
									</div>
									<div class="news-list-header-department">部门办理</div>
									<div class="news-list-content-info">
										我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
										<span>【详情】</span>
									</div>
								</div>
							</div>				
						
						</div>
					</div>

					<div class="layui-col-xs4 row3">
						<div class="layui-row layui-col-space10">
							<div class="layui-col-xs12 row3-5">
								<div class="layui-card">
									<div class="yz-common-title">
										<div class="yz-common-title-content">
											<img src="static/common/title1.png" />
											<span>年度水电费用</span>
										</div>
									</div>
									<div class="yz-common-chat">
										<div id="ndsdfy" style="width: 440px;height: 160px;"></div>
									</div>
								</div>
							</div>
							<div class="layui-col-xs12 row3-5">
								<div class="layui-card">
									<div class="yz-common-title yz-common-title-float">
										<div class="yz-common-title-content">
											<img src="static/common/title1.png" />
											<span>年度车客流</span>
										</div>
									</div>
									<div class="yz-common-chat">
										<div id="ndckl" style="width: 440px;height: 200px;"></div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="layui-col-xs4 row4">
						<div class="layui-card">
							<div class="yz-common-title">
								<div class="yz-common-title-content">
									<img src="static/common/title1.png" />
									<span>业态销售趋势</span>
								</div>
								<div class="yz-common-title-more">
									<div class="yz-common-title-navs">
										<div class="yz-common-title-nav selected" data-level="1">非自营</div>
										<span lay-separator="">|</span>
										<div class="yz-common-title-nav" data-level="1">自营</div>
									</div>
								</div>
							</div>
							<div class="yz-common-small-title">
								<div class="yz-common-title-navs">
									<div class="yz-common-title-nav selected" data-level="2">油站</div>
									<span lay-separator="">|</span>
									<div class="yz-common-title-nav" data-level="2">加气</div>
									<span lay-separator="">|</span>
									<div class="yz-common-title-nav" data-level="2">充电</div>
									<span lay-separator="">|</span>
									<div class="yz-common-title-nav" data-level="2">超市</div>
									<span lay-separator="">|</span>
									<div class="yz-common-title-nav" data-level="2">餐厅</div>
									<span lay-separator="">|</span>
									<div class="yz-common-title-nav" data-level="2">客房</div>
								</div>
							</div>
							<div class="yz-common-chat">
								<div id="ytxsqs" style="width: 440px;height: 200px;"></div>
							</div>
						</div>
					</div>

					<div class="layui-col-xs3 row4">
						<div class="layui-card">
							<div class="yz-common-title">
								<div class="yz-common-title-content">
									<img src="static/common/title1.png" />
									<span>业态销售占比</span>
								</div>
							</div>
							<div class="yz-common-chat">
								<div id="ytxszb" style="height: 200px;width: 329px;"></div>
							</div>
						</div>
					</div>

					<div class="layui-col-xs5 row4">
						<div class="layui-card">
							<div class="yz-common-title">
								<div class="yz-common-title-content">
									<img src="static/common/title1.png" />
									<span>年度经营费用</span>
								</div>
							</div>
							<div class="yz-common-chat">
								<div id="ndjyfy" style="height: 200px;width: 100%;"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="yz-botton">
				<p>建议使用 Google Chrome39 以上浏览器 技术支持：广州拓实科技有限公司 020-85532912
					Copyright @ 2024 河北高速燕赵驿行集团有限公司 All Rights Reserved</p>
			</div>
		</div>

		<script src="layui/echarts2.min.js"></script>
		<!-- HTML Content -->
		<script src="layui/layui.js"></script>
		

		<script src="layui/common.js"></script>
		<script src="static/服务质量跟踪.js"></script>
		<script src="static/年度水电费用.js"></script>
		<script src="static/年度车客流.js"></script>
		<script src="static/业态销售趋势.js"></script>
		<script src="static/业态销售占比.js"></script>
		<script src="static/年度经营费用.js"></script>
		<script>
			layui.use(function() {
				var layer = layui.layer,
					$ = layui.jquery,
					util = layui.util;;

				$('.yz-common-title-nav').click(function(){
					$(this).addClass("selected").siblings().removeClass("selected");
					layer.msg('你点击的是：第' + $(this).attr('data-level') + '级别');
				});

			});
		</script>

		<style>
			.row1 {
				height: 158px;
			}

			.row2 {
				height: 280px;
			}

			.row3 {
				height: 424px;
			}

			.row3-5 {
				height: 212px;
			}

			.row4 {
				height: 258px;
			}

			/* 天气样式 */
			.yz-main-weather {
				display: flex;
				height: 100%;
			}

			.yz-main-weather-left {
				display: flex;
				flex-direction: column;
				justify-content: center;
				text-align: center;
				padding-left: 15px;
			}

			.yz-main-weather-left .nickname {
				padding-top: 12px;
			}

			.yz-main-weather-info {
				padding-top: 20px;
			}

			.weather-info {
				display: flex;
			}

			.weather-info .sun {
				width: 38px;
			}

			.weather-item {
				display: flex;
				flex-direction: column;
				flex-wrap: nowrap;
				align-items: flex-end;
				width: 55px;
			}

			.weather-item .mark {
				background-color: #36CB9C;
				border-radius: 6px;
				color: white;
				padding: 0 5px;
			}

			.weather-item p {
				padding-top: 5px;
			}

			.weather-info-date,
			.weather-info-time {
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: flex-end;
				padding-top: 5px;
			}


			/* 销售 */
			.sale_last {
				padding-top: 10px;
				font-size: 14px;
				color: rgba(0, 0, 0, 0.50);
				text-align: center;
			}

			.sale_today {
				text-align: center;
				font-size: 36px;
				color: #18465B;
				padding-top: 14px;
				font-weight: bold;
			}

			.sale_unit {
				font-size: 21px;
				color: rgba(0, 0, 0, 0.85);
				padding-top: 16px;
				text-align: center;
			}

			.yz-process-box-main {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				height: 100%;
			}

			.yz-process-box-item {
				display: flex;
				height: 50%;
			}

			.yz-process-box-item .process-item-icon {
				display: flex;
				align-content: center;
				flex-direction: column;
				flex-wrap: wrap;
				justify-content: center;
			}

			.yz-process-box-item .process-item-text {
				display: flex;
				align-content: center;
				flex-direction: column;
				flex-wrap: wrap;
				justify-content: center;
				width: 80px;
			}

			.yz-process-box-item .process-item-text .process-item-text-num {
				font-size: 21px;
				color: rgba(0,0,0,0.85);
				font-weight: bolder;
			}

			.yz-process-box-item .process-item-text .process-item-text-word {
				font-size: 12px;
				color: rgba(0,0,0,0.85);
			}

			.yz-process-box-item .process-item-chart {
				display: flex;
				align-content: center;
				flex-direction: column;
				flex-wrap: wrap;
				justify-content: center;
				width: 120px;
				padding-top: 6px;
			}

			.yz-process-box-item .process-item-chart .process{
				position: relative;
				width: 88%;
			}
			
			.process_parent{
				background: #E6EFFA;border-radius: 5px;height: 10px;
			}
			.process_cur{
				height: 10px; background:#85C3F2;background-image: linear-gradient(261deg, #72D1D2 7%, #34BAC6 100%);border-radius: 5px;
			}

			.yz-process-box-item .process-item-chart .process .process-tip {
				position: absolute;
				right: 2px;
				top: 0;
				font-size: 66%;
				color: #6FD0D2;
			}
			.yz-process-box-item .process-item-chart .process-column {
				display: flex;
				font-size: 11px;
				color: #18465B;
				flex-direction: row;
				justify-content: space-between;
			}

			.yz-process-box-item .process-item-chart .process-column .process-column-word {
				padding-top: 8px;
				color: #18465B;
			}

			.yz-process-box-item .process-item-chart .process-column .process-column-num {    
				padding-top: 10px;color: #18465B;}
				
			
		</style>
	</body>
</html>
